<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>登录页面</title>
  <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <style>
  body {background-color: #EEEEEE}
  .mar
  {
    margin-left: auto;
    margin-right: auto;
  }
  .wid
  {
    width: 350px;
  }
  .ali
  {
    text-align: center;
  }
  </style>
</head>

<body>
  <div class="container">
    <form class="form-signin ali">
      <h1 class="form-signin-heading mar">登录</h1>
      <p></p>
      <input type="email" id="inputEmail" class="form-control mar wid" placeholder="邮箱" required autofocus>
      <p></p>
      <input type="password" id="inputPassword" class="form-control mar wid" placeholder="密码">
      <p></p>
      <div class="checkbox">
        <label>
            <input type="checkbox" value="remember-me"> 记住我
        </label>
      </div>
      <button class="btn btn-lg btn-primary btn-block mar wid" type="submit">登录</button>
    </form>
  </div>
</body>

</html>
